const layer = layui.layer;

getUserInfo();
//一 获取用户信息
function getUserInfo() {
  $.ajax({
    method: "GET",
    url: "/my/userinfo",
    // headers，配置参数，请求头配置对象
    // success 请求成功的回调
    success: function (res) {
      if (res.status !== 0) {
        return layer.msg("获取用户信息失败");
      }
      // layer.msg("获取用户信息成功");
      // 调用渲染函数
      renderAvatar(res.data);
    },
    // complete  前面无论成功还是失败都会回调
    complete: function (res) {
      // 判断请求失败的话
      if (res.responseJSON.status === 1 && res.responseJSON.message == "身份认证失败！") {
        // 清除当前的tpken
        localStorage.removeItem("tpken");
        // 跳转到登录页面
        location.href = "./login.html";
      }
    },
  });
}

//二 渲染用户信息（昵称＋头像）
function renderAvatar(user) {
  // 1.获取用户名称
  let name = user.nickname || user.username;
  // 2 设置欢迎文本
  $("#welcome").html(`欢迎 ${name}`);

  // 3 按需渲染用户头像
  // 3-1 如果有图片头像，就渲染图片图片
  if (user.user_pic !== null) {
    $(".layui-nav-img").attr("src", user.user_pic).show();
    // 隐藏文字头像
    $(".text-avatar").hide();
  } else {
    // 3-2 如果有文字头像，就渲染文字图片
    // 隐藏图片头像
    $(".layui-nav-img").hide();
    // toUpperCase 把字母转换为大写
    const first = name[0].toUpperCase();
    $(".text-avatar").html(first).show();
  }
}

// 三 用户退出功能
$("#logOut").on("click", function (e) {
  e.preventDefault();
  layer.confirm("确认退出登录?", { icon: 3, title: "提示" }, function () {
    // 清除当前的tpken
    localStorage.removeItem("tpken");
    // 跳转到登录页面
    location.href = "./login.html";
    // 在操作完成之后关闭弹出窗口
    layer.close(index);
  });
});
